<template>
  <view class="content">
    <view class="components-title">
      <view class="components-title-t">gg-upload-img</view>
      <view class="components-title-d">图片上传</view>
    </view>
    <gg-nav-group label="单图上传示例" labelWidth="120" layout="col">
      <gg-upload-img label="单图" v-model="formData.one" uploadType="one" />
    </gg-nav-group>
    <gg-nav-group label="多图上传示例" labelWidth="120" layout="col">
      <gg-upload-img label="多图" v-model="formData.more" uploadType="more" maxlength="10" />
    </gg-nav-group>
    <gg-nav-group label="大图上传示例" labelWidth="120" layout="col">
      <gg-upload-img label="大图" v-model="formData.big" uploadType="big" :uploadTip="uploadTip" />
    </gg-nav-group>
  </view>
</template>

<script>
export default {
  data() {
    return {
      formData: {
      },
      uploadTip: {
        dimension: '比例：750*375像素;',
        format: '格式：jpg/png;',
        size: '大小：小于2MB'
      }

    };
  },
  onLoad() {
    setTimeout(() => {
      this.testReqMocck().then((res) => {

      });
    }, 1000)

  },
  methods: {
    bindTimeChange(e) {

    },
    clickTest(e) {
    },
    testReqMocck(testData) {
      return new Promise((resolve, reject) => {
        resolve({
        });
      });
    }
  }
}
</script>

<style>
page {
  background: #f1f1f1;
}
</style>
